﻿@using Ext.Net.MVC;
@model Social.Game.DAL.User
@{
    ViewBag.Title = "List";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<br />
@(
 Html.X().GridPanel()
            .Title("Danh sách người dùng")
            .Frame(true)
            .Height(300)
            .Store(
                Html.X().StoreForModel()
                    .Proxy(Html.X().AjaxProxy()
                        .Url(Url.Action("GetUsers"))
                        .Reader(Html.X().JsonReader().Root("data"))
                    )
                    .RemoteSort(true)
                    .PageSize(10)
                    .SorterFor(Model, m => m.UserName, Ext.Net.SortDirection.ASC)
            )
            .ColumnModel(
                Html.X().Column().DataIndex(Model, m => m.UserName).Text("Tên đăng nhập").Width(130),
                Html.X().Column().DataIndex(Model, m => m.CustomerName).Text("Họ và tên").Width(130),
                Html.X().DateColumn().DataIndex(Model, m => m.BOD).Text("Ngày sinh").Width(130).Format("dd-MM-yyyy"),
                Html.X().Column().DataIndex(Model, m => m.Email).Text("Email").Width(130),
                Html.X().Column().DataIndex(Model, m => m.Mobile1).Text("Điện thoại 1").Width(95),
                Html.X().Column().DataIndex(Model, m => m.Mobile2).Text("Điện thoại 2").Width(95),
                Html.X().Column().DataIndex(Model, m => m.RoleId).Text("Loại thành viên").Width(120),
                Html.X().Column().DataIndex(Model, m => m.State).Text("Trạng thái").Width(90)
            )
            .BottomBar(
                Html.X().PagingToolbar()
                    .DisplayInfo(true)
                    .DisplayMsg("Hiển thị người dùng {0} - {1} of {2}")
                    .EmptyMsg("Chưa có người dùng nào")
            ).TopBar(
                Html.X().Toolbar()
                    .Items(
                        Html.X().Button()
                            .Text("Tạo mới")
                                .Icon(Ext.Net.Icon.Add).Href("Create").HrefTarget("_seft"),
                        Html.X().Button()
                            .Text("Sửa")
                            .Icon(Ext.Net.Icon.ApplicationEdit).Href("Create").HrefTarget("_self"),
                        Html.X().Button()
                            .Text("Xóa")
                                .Icon(Ext.Net.Icon.Delete),
                        Html.X().ToolbarFill()
                    )
    )
)
@(Html.X().Window()
        .Title("Thêm mới người dùng")
        .Width(400)
        .Height(300)
        .Layout(Ext.Net.LayoutType.Fit)
        .AutoShow(true)
        .Modal(true)
        .Items(Html.X().FormPanelFor(m => m)
            .BodyPadding(5)
            .DefaultAnchor("100%")
            .Width(400)
            .Buttons(Html.X().Button()
                .Text("Thêm mới").Icon(Ext.Net.Icon.Add)
                .DirectClickUrl(Url.Action("Create"))           
            )
     ))
